<!doctype html>
<html>
  
  <head>
    <title>Untitled (1)</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <link rel="stylesheet" href="https://app.divshot.com/css/divshot-util.css">
    <link rel="stylesheet" href="https://app.divshot.com/themes/united/bootstrap.min.css">
    <link rel="stylesheet" href="https://app.divshot.com/css/bootstrap-responsive.css">
    <script src="https://app.divshot.com/js/jquery.min.js"></script>
  </head>
  
  <body>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Your Company</a>
          <div class="navbar-content">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a> 
              </li>
              <li>
                <a href="#">About</a> 
              </li>
              <li>
                <a href="#">Contact</a> 
              </li>
              <li>
                <a href="#">JQUERY</a> 
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <h1>&nbsp; &nbsp;웹표준 수업</h1>
    <div class="container-fluid">
      <div class="row-fluid">
          <div class="span7 offset1">
              <dl class="dl-horizontal">
                  <dt>년도 </dt>
                  <dd>2013</dd>
                  <dt>월 </dt>
                  <dd>1월 </dd>
                  <dt>일 </dt>
                  <dd>21일 월요일 </dd>
              </dl>
          </div>
          <code>
          int a=10;
          Bus bus=new Bus();
          bus.start();
          </code>
          <pre class="pre-scrollable">
          int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
          int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
          int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
           int a=10;
          Bus bus=new Bus();
          bus.start();
          </pre>
          <table class="table table-striped table-bordered table-hover table-condensed">
              <tr class="success">
                  <td>이름 </td>
                  <td>직장 </td>
                  <td>사는곳  </td>
              </tr>
              <tr class="error">
                  <td>홍길동 </td>
                  <td>IT 프로그래머 </td>
                  <td>서울 강남 </td>
              </tr>
              <tr class="info">
                  <td>이순신  </td>
                  <td>IT 프로그래머 </td>
                  <td>서울 강북  </td>
              </tr>
          </table>
          <form class="form-search">
              <input type="text" class="input-medium search-query">
              <button type="submit" class="btn">Search</button>
              <fieldset>
              <legend>신입 사원 폼 </legend>
              <label for="name">이름: </label>
              
              이름: <input type="text" name="name" placeholder="여기에 이름을 3자 이상 적으세요 ">
              <span class="help-block">아레의 내용을 빠짐없이 기입하시오 </span>
              사는 곳: <input type="text" name="loc">
              자기 소개: <textarea row="15" cols="10"></textarea>
              성별: <input type="radio" name="isMan" value="man">남자 
                   <input type="radio" name="isWoman" value="woman">여자 <br>
                   <input type="submit" class="btn">
              </fieldset>
          </form>
        <div class="span3">
          <ul class="nav  nav-pills nav-stacked">
            <li class="active">
              <a href="#">Subnavigation One</a> 
            </li>
            <li>
              <a href="#">Subnavigation Two</a> 
            </li>
          </ul>
          <div class="well">
            <p>
              <b>Tip:</b>You can add additional components to your layout easily.</p>
            <img
            src="i2679813647.gif" class="img-rounded" width="200" height="150">
              <div class="well">
                <p>Enter your paragraph text here.</p>
                <div class="btn-group">
                  <a class="btn" href="#"><span class="btn-label">First</span></a>
                  <a class="btn" href="#"><span class="btn-label">Second</span></a> 
                </div>
              </div>
          </div>
          <div class="navbar">
            <div class="navbar-inner">
              <div class="container">
                <a class="brand" href="#">CONTENT</a>
                <div class="navbar-content">
                  <ul class="nav">
                    <li class="active">
                      <a href="#">MEDIA</a> 
                    </li>
                    <li>
                      <a href="#">About</a> 
                    </li>
                    <ul class="breadcrumb">
                      <li>
                        <a href="#">Crumb One</a>
                        <span class="divider">/</span>
                      </li>
                      <li>
                        <a href="#">Crumb Two</a>
                        <span class="divider">/</span>
                      </li>
                      <li class="active">Crumb Three</li>
                    </ul>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <form class="form-vertical">
            <div class="control-group">
              <label class="control-label">Label Text</label>
              <div class="controls">
                <input type="text" class="input-large"> 
              </div>
            </div>
            <span class="badge">123</span>
          </form>
        </div>
        <div class="span9">
          <ul class="breadcrumb">
            <li>
              <a href="#">Original</a>
              <span class="divider">/</span>
            </li>
            <li>
              <a href="#">And Another</a>
              <span class="divider">/</span>
            </li>
            <li class="active">Last One</li>
          </ul>
          <div class="hero-unit" id="title">
            <h1>HTML5 웹표준&nbsp;</h1>
            <p>This is a great place for a slogan.</p>
            <p>
              <a class="btn btn-large btn-primary" href="#"><span class="btn-label">Sign Up Today!</span></a>
              <label class="checkbox">
                <input type="checkbox">
                <span>남자</span>
              </label>
              <label class="checkbox">
                <input type="checkbox">
                <span>여자&nbsp;</span>
              </label>
            </p>
            <div class="control-group">
              <label class="control-label">Label Text</label>
              <div class="controls">
                <textarea></textarea>
              </div>
            </div>
            <p></p>
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>HTML</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">INDEX &nbsp; PAGE</span></a> 
            </div>
            <div class="span4">
              <h2>CSS</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
            <div class="span4">
              <h2>JAVASCRIPT</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="https://app.divshot.com/js/bootstrap.min.js"></script>
  </body>

</html>